<template>
    <view class="property-item">
        <view class="property-item-name h3">
            {{ name }}
            <text style="margin-left: 4px">:</text>
        </view>
        <view class="property-item-text h3">{{ text }}</view>
    </view>
</template>

<script>
export default {
    name: 'property-item',

    props: {
        name: String,
        text: String,
        icon: String
    },
    data() {
        return {};
    }
};
</script>

<style lang="scss">
.property-item {
    display: flex;
    padding: 0 16px;
    align-items: center;
    margin: 8px;
    &-name {
        width: 160px;
    }
}
</style>
